 let hd = document.getElementById('hdcms')
 Object.assign(hd, {
 	color: 'red',
 	change() {
      // this.innerHTML = '后盾人'
      // this.style.color = this.color
      Object.assign(this.style, {
      	color: 'white',
      	backgroundColor: 'red',
      })
  },
  onclick() {
  	this.change()
  },
})

 console.log(hd.color)
 console.log(hd.attributes)
 console.dir(hd)
 console.log(document)
 console.log(document instanceof HTMLDocument)
 console.log(document.constructor.name)
 console.log('-----------------------\n')
 console.log(document.URL)
 console.log(location.href)
 console.log(document.title)
 console.log(document.domain)
 console.log(document.referrer)
 console.log('-----------------------\n')
 const app = document.querySelector('#app')
 console.log(app.childNodes[0].data)
 console.log(app.childNodes[0].nodeValue)



 function all(el) {
 	const tags = []
 	el.childNodes.forEach(item => {
 		if(item.nodeType === 1 && item.tagName !== 'SCRIPT') {
 			tags.push(item, ...all(item))
 		}
 	})
 	return tags
 }



 console.log(all(document.documentElement))



